<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="">
        <meta name="author" content="">
        <title>中国石油大学胜利学院-毕业设计管理系统</title>
        <!-- Bootstrap core CSS -->

        <!-- Custom styles for this template -->
        <link href="/static/index/css/owl.carousel.css" rel="stylesheet">
        <link href="/static/index/css/owl.theme.default.min.css"  rel="stylesheet">
        <link href="/static/index/css/animate.css" rel="stylesheet">
        <link href="/static/index/css/style.css" rel="stylesheet">
        <link rel="shortcut icon" href="/static/images/icon.ico" />
        <link href="/static/css/bootstrap.min.css" rel="stylesheet">
        <script src="/static/js/jquery.min.js"></script>
        <script src="/static/js/bootstrap.min.js"></script>
        <style>
            .daohan{
                width: 100px;
                height: 100px;
                background-color: rgba(0,0,0,0.01);
                font-size: 50px;
                margin-left: 10px;
                margin-right: 10px;
                top:50%;
                margin-top: -50px;
                border-radius: 50%;
                line-height: 100px;
                display: none;
            }
            #myCarousel:hover .daohan{
                display: block;
            }
            .daohan:hover{
                background-color: #e5e5e5;
            }
            .denglu{display: inline-block;width:100px;height: 100px;line-height:100px;font-weight:900;font-size: 20px; color:#999}
        </style>
    </head>
    <body>
        <div style=" width: 100%;height: 100px; position: fixed;top:0;z-index: 100;background-color: #fff;">
            <div style="width: 80%;height: 100px;background-color: #fff;margin: 0 auto; " >
                <div style="float:left;padding-top: 20px;">
                    <img style="height: 50px;" src="__ROOT__/Public/setting/logon.gif" alt="Sanza theme logo">
                </div>
                <div style=" float: right;">
                    <if condition="($Think.session.tea_number neq null) OR ($Think.session.stu_number neq null) ">
                        <a class="denglu" href="{:U('/Home/Login/DropOut')}"> 注销</a>
                        <a class="denglu" href="{:U('/Home/Index/Jinru')}"> 进入系统</a>
                        <else/> 
                        <a class="denglu" href="{:U('/Home/Index/Login2')}">立即登录</a>
                    </if>
                </div>
            </div>
        </div>
        <div style=" width: 100%;height: 100px; "></div>
        <div id="myCarousel" class="carousel slide">

            <ol class="carousel-indicators">
                <volist id="vo" name="lun">
                    <eq name="i" value="1">
                    <li data-target="#myCarousel" data-slide-to="{$i-1}" class="active"></li>
                    <else/>
                    <li data-target="#myCarousel" data-slide-to="{$i-1}"></li>
                    </eq>
                </volist>
            </ol>   
            <!-- 轮播（Carousel）项目 -->
            <div class="carousel-inner">
                <volist id="vo" name="lun">
                    <eq name="i" value="1">
                    <div class="item active">
                        <img style="width:100%" src="__ROOT__{$vo.img}" alt="First slide">
                    </div>
                    <else/>
                    <div class="item">
                        <img style="width:100%" src="__ROOT__{$vo.img}" alt="First slide">
                    </div>
                    </eq>
                </volist>
            </div>
            <!-- 轮播（Carousel）导航 -->
            <!-- 轮播（Carousel）导航 -->
            <a class="carousel-control left daohan" href="#myCarousel" data-slide="prev">&lsaquo;</a>
            <a  class="carousel-control right daohan" href="#myCarousel" data-slide="next">&rsaquo;
            </a>
        </div> 
        <h3 style="text-align:center;color: #888;height:40px;">规定/模板</h3>
        <div style="width:80%;height:500px;background-color: #e5e5e5;margin: 0 auto">
            <div style="width:46%;height:500px;float:left;margin-left: 20px;padding-top:20px">
                <h4 style="color:#4caf50">管理规定</h4>
                <div style="position: relative; top:390px"><a style="float:right;font-size: 15px;font-weight:900;color:#4caf50;margin-right: 20px;">更多>>></a></div>
                <volist name="word" id="w">
                    <p><span class="glyphicon glyphicon-play" style="color:#8A3D19"></span><a href="__ROOT__/Home/Index/ExcelWord/id/{$w.id}">{$w.title}</a></p>
                </volist>
            </div>
            <div style="width:46%;height:500px;float:right;margin-right:20px;padding-top:20px">
                <h4 style="color:#4caf50">模版/表格</h4>
                <div style="position: relative; top:390px"><a style="float:right;font-size: 15px;font-weight:900;color:#4caf50;margin-right: 20px;">更多>>></a></div>
                <volist name="word" id="w">
                    <p><span class="glyphicon glyphicon-play" style="color:#8A3D19"></span><a href="__ROOT__/Home/Index/ExcelWord/id/{$w.id}">{$w.title}</a></p>
                </volist>
            </div>
        </div>
        <style>
            .ppgpg{width:32%;height: 100px;display: inline-block;margin-left: 0.8%;margin-top: 20px}
        </style>
        <h3 style="text-align:center;color: #888;height:40px;">公告通知</h3>
        <div style="width:80%;min-height:10px;background-color: #e5e5e5;margin: 0 auto">
            <volist name="list" id="vo">
                <div class="ppgpg">
                    <a href="__ROOT__/Home/Gonggao/Index/id/{$vo.id}"><h4>{$vo.title}</h4></a>
                    <p>{$vo.publish}</p>
                </div>
            </volist>
            <div style="width:100%;height: 50px;line-height: 50px;" ><a style="float:right;display: block;margin-right: 30px;" href="{:U('/Home/Gonggao/Gong')}">更多公告 &gt;&gt;&gt; </a></div>
        </div>
        <br>
        <div style="width: 100%;height: 80px;background-color: #000">
            <div style="margin:0 auto;width:300px;font-size: 20px;line-height: 80px;">版权所有:<a href="http://www.slcupc.edu.cn" target="_blank" title="中国石油大学胜利学院">中国石油大学胜利学院</a></div>
        </div>
        <script src="<?php echo '/static/index/';?>js/jquery.min.js"></script>
        <script src="<?php echo '/static/index/';?>js/jquery.easing.min.js"></script>
        <script src="<?php echo '/static/index/';?>js/bootstrap.min.js"></script>
        <script src="<?php echo '/static/index/';?>js/owl.carousel.min.js"></script>
        <script src="<?php echo '/static/index/';?>js/cbpAnimatedHeader.js"></script>
        <script src="<?php echo '/static/index/';?>js/jquery.appear.js"></script>
        <script src="<?php echo '/static/index/';?>js/SmoothScroll.min.js"></script>
    </body>
</html>